<template>
    <div style="width: 600px;height: 100%;margin: auto;padding-left: 70px;">
        <div style="margin-top: 25px;">
            <span style="font-size: 14pt;">深加工信息</span>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-row :gutter="24">
                    <el-col :span="12" :offset="0">
                        <van-cell title="生产1组" label="班组"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                    </el-col>
                    <el-col :span="12" :offset="0">
                        <van-cell title="小陈" label="负责人"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                    </el-col>
                </el-row>
            </el-card>
        </div><br>
        <div>
            <span style="margin-right: 350px">食品安全信息</span><br>
            <div style="margin-top: 15px">
                <van-image width="130px" height="130px" style="margin-right: 30px;margin-left: 10px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="130px" height="130px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="130px" height="130px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </div>
        </div>
        <div>
            <span style="margin-right: 350px">供应商信息信息</span><br>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-tag type="primary" effect="dark" round style="width: 100px;height: 30px;">原料</el-tag><br><br>
                <span style="color:#AAAAAA ;">生产批次:20210718</span><br><br>
                <van-image width="100px" height="100px" style="margin-right: 30px;margin-left: 10px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </el-card>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-tag type="primary" effect="dark" round style="width: 100px;height: 30px;">辅料</el-tag><br><br>
                <span style="color:#AAAAAA ;">生产批次:20210718</span><br><br>
                <van-image width="100px" height="100px" style="margin-right: 30px;margin-left: 10px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </el-card>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-tag type="primary" effect="dark" round style="width: 100px;height: 30px;">添加剂</el-tag><br><br>
                <span style="color:#AAAAAA ;">生产批次:20210718</span><br><br>
                <van-image width="100px" height="100px" style="margin-right: 30px;margin-left: 10px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </el-card>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-tag type="primary" effect="dark" round style="width: 100px;height: 30px;">包材</el-tag><br><br>
                <span style="color:#AAAAAA ;">生产批次:20210718</span><br><br>
                <van-image width="100px" height="100px" style="margin-right: 30px;margin-left: 10px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="100px" height="100px" style="margin-right: 30px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </el-card>
        </div>
        <div style="margin-top: 15px;">
            <span style="margin-right: 350px;">深加工企业信息</span><br>
            <div style="margin-top: 15px;margin-left: 15px" align="center">
                <el-card style="border-radius: 25px">
                    <h4 style="color: rgb(5 117 230 / 80%)">四川锦祥食品有限公司</h4><br>
                    <el-tag type="primary" effect="dark" round>生产许可证号:SC4616156642</el-tag><br>
                </el-card>
            </div>
        </div><br>
        <div>
            <span style="margin-right: 350px;">企业照片</span><br><br>
            <van-image width="140" height="140" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                radius="20" />&emsp;
            <van-image width="140" height="140" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                radius="20" />&emsp;
            <van-image width="140" height="140" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                radius="20" />
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style></style>